<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>服务大厅个人信息</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../layui/css/layui.css"  media="all">
</head>

<body style="text-align: center">
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
    <legend>个人信息</legend>
</fieldset>

<blockquote class="layui-elem-quote layui-quote-nm">
    <table class="layui-table">
        <tr>
            <td>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：</td>
            <td><span id="name"></span></td>
        </tr>
        <tr>
            <td>性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别：</td>
            <td><span id="sex"></span></td>
        </tr>
        <tr>
            <td>电&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;话：</td>
            <td><span id="phone"></span></td>
        </tr>
        <tr>
            <td>身份证号：</td>
            <td><span id="idNumber"></span></td>
        </tr>
    </table>

</blockquote>

<script src="../layui/layui.js"></script>
<script src="../js/jquery-1.12.2.min.js" type="text/javascript"></script>
<script>
    layui.use(['layer', 'layedit'], function() {
        var layer = layui.layer
            , layedit = layui.layedit;

        $.ajax({
            type:"get",
            url:"/hospital/serviceManager/selectServiceInfo.do?id=1",
            dataType:"json",
            success:function (data) {
                if (data.code == 1){
                    $("#name").html(data.info.name);
                    $("#sex").html(data.info.sex);
                    $("#phone").html(data.info.phone);
                    $("#idNumber").html(data.info.idNumber);
                }else {
                    layer.msg("查询失败");
                }
            }
        })
    })
</script>
</body>
</html>